import React, {Component} from 'react';
import QueueAnim from 'rc-queue-anim';
import {Provider} from 'react-redux';
import {BrowserRouter, Route} from 'react-router-dom';
import Login from "./pages/login";
import Pages from "./pages/Pages";
import store from './store';

import './style/style.scss';

class App extends Component {
    
    render() {
        return (
            <Provider store={store}>
                    <BrowserRouter>
                        <QueueAnim type={['alpha']} >
                            <Route path="/" exact component={Login} transitionName="fade" key={'appDH2'}/>
                            <Route path="/admin" component={Pages} transitionName="fade" key={'appDH3'}/>
                        </QueueAnim>
                    </BrowserRouter>
            </Provider>
        );
    }
}

export default App;
